<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GeoData@Tufts</title>

<!--#include virtual="includes/includes.shtml" -->
</head>
<body>
<!--#include virtual="includes/gettingStartedTab.shtml" -->
	<div id="header"> 
		<div id="logo">
 			<a href="openGeoPortalHome.jsp">
 				<img src="media/logo.png" alt="GeoData@Tufts"/>
 			</a>
 		</div>
 		<div id="top_menu"> 
 			<a href="#" onclick="window.location.reload()">Home</a> &nbsp;&nbsp;&nbsp;
 			<a href="#">UserGuide</a> &nbsp;&nbsp;&nbsp;
 			<a href="#">Highlights</a>  &nbsp;&nbsp;&nbsp;
 			<a href="#">Login</a>
   			<div id="welcome">Welcome, Patrick!</div>
   		</div>
	</div> 
	<div id="menu"> 
		<div id="map_tabs"> 
			<img src="media/button_save.png" class="button" alt="Save" title="Save map image" onclick="saveImage();" />
			<img src="media/button_print.png" class="button" alt="Print" title="Print map" />
			<select id="basemapSelect" style="vertical-align:top;width:100px" onchange="baseMapChanged()">
				<option value='basemap'>Basemap</option>
				<option value='googleHybrid'>Google Hybrid</option>
				<option value='googleTerrain'>Google Map</option>
				<option value='googleSat'>Google Satellite Imagary</option>
				<option value='osm'>OpenStreetMap</option>
			</select>
		</div>  
	</div>
	<div id="container">
		<div id="roll_right" class="arrow_buttons"><img src="media/button_arrow_right.png" class="button" /></div>
		<div id="left_col">
			<!--#include virtual="includes/leftPanel.shtml" -->
		</div>
		<div id="map">	
			<div id="mapToolBar"></div>
				<div class="ui-widget" id="geosearchDiv">
					<input id="geosearch" value="Find Place (Example: Boston, MA)" onclick="clearInput('geosearchDiv')"/><br />
					<span>Powered by <a href="http://geonames.org">geonames.org</a></span>
				</div>
    		<div id="geoportalMap"></div>
		</div>
	</div>
	<div id="footer"> 
		<table style="width:990px;margin-left:auto;margin-right:auto;">
  		<tr>
  			<td style="vertical-align:middle;"><a href="#">About</a> |  <a href="#">Contact</a></td>
  			<td style="width:600px;vertical-align:bottom;"></td>
			<td style="margin-left:auto;margin-right:auto;vertical-align:bottom;">   
				<a href="http://uit.tufts.edu/"> 
					<img src="media/uit_logo.png" alt="UIT" style="border:none;" />
				</a> &nbsp; 
				<a href="http://gis.tufts.edu">
					<img src="media/gis_logo.png" alt="GIS@Tufts" style="border:none" />
				</a> 
			</td>
		</tr>
		</table>
	</div>
	
	<div id="dialogDiv" style="display:none;">
	
	</div>
</body>
</html>
